<!DOCTYPE html>
<meta http-equiv="Access-Control-Allow-Origin" content="*">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="style.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="Scripts/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="Scripts/jquery-ui-1.8.4.custom.min.js"></script>
<script type="text/javascript" src="easySlider1.5.js"></script>

<style type="text/css">
.gallery { width:860px; height:250px; margin:0 auto; padding:0; }
#slider { margin:0; padding:0; list-style:none; }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; }
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li { width:860px; height:250px; overflow:hidden; }
p#controls { margin:0; padding:0; position:relative; }
#prevBtn { display:block; margin:0; overflow:hidden; width:16px; height:26px; position:absolute; left:-40px; top:-150px; }
#nextBtn { display:block; margin:0; overflow:hidden; width:16px; height:26px; position:absolute; left: 880px; top:-150px; }
#prevBtn a { display:block; width:16px; height:26px; background:url(images/l_arrow.gif) no-repeat 0 0; }
#nextBtn a { display:block; width:16px; height:26px; background:url(images/r_arrow.gif) no-repeat 0 0; }
</style>
    <script>

        // <![CDATA[
        $(document).ready(function () {
            $("#slider").easySlider({
                controlsBefore: '<p id="controls">',
                controlsAfter: '</p>',
                auto: false,
                continuous: true
            });

        });
        // ]]>
        function GetDataFAQFull() {
            $.ajax({
                type: "GET",
                url: "http://58.185.185.68:8255/apiget.aspx?path=/FAQ&format=json",
                dataType: "jsonp",
                success: function (data) {
                    var htmls = ['<table>'];
                    htmls.push('<tr>')
                    for (var k in data["response"][0]) htmls.push('<td>' + k + '</td>');
                    htmls.push('</tr>');
                    for (var i = 0, L = data["response"].length; i < L; i++) {
                        htmls.push('<tr>');
                        for (var k in data["response"][i]) htmls.push('<td>' + data["response"][i][k] + '</td>');
                        htmls.push('</tr>');
                    }
                    htmls.push('</table>');
                    $('#table1').html(htmls.join(''));
                }
            });
        }
        function GetAll() {
            GetDataFAQ();
            GetDataAnnouncements();
        }
        function GetDataFAQ() {
            $.ajax({
                type: "GET",
                url: "http://58.185.185.68:8254/apiget.aspx?path=/FAQ&format=json",
                dataType: "jsonp",
                success: function (data) {
                    var htmls = ['<table>'];
                    //for (var k in data["response"][0]) htmls.push('<td>' + k + '</td>');
                    htmls.push('</tr>');
                    for (var i = 0, L = data["response"].length; i < L; i++) {
                        htmls.push('<tr>');
                        htmls.push('<td> <a href = "http://58.185.185.68:8254/dataview.aspx?view=FAQ&focus=%2F' + data["response"][i]["ID"] + '&">' + data["response"][i]["Question"] + '</a></td></tr><tr><td>' + data["response"][i]["Answer"] + '</td>');
                        htmls.push('</tr>');
                    }
                    htmls.push('</table>');
                    $('#TableFAQ').html(htmls.join(''));
                }
            });
        }
        function GetDataAnnouncements() {
            $.ajax({
                type: "GET",
                url: "http://58.185.185.68:8254/apiget.aspx?path=/Announcements&format=json",
                dataType: "jsonp",
                success: function (data) {

                    var htmls = [''];
                    for (var i = 0, L = data["response"].length; i < L; i++) {
                        var str = data["response"][i]["_CreatedDate"];
                        var str2 = str.substring(0, str.length - 9);
                        htmls.push('<p>');

                        htmls.push(data["response"][i]["Title"] + '<br/>');
                        htmls.push('<em><span>' + str2 + '</span></em>' + ' - ');
                        htmls.push('<a href ="http://58.185.185.68:8254/dataview.aspx?view=Announcements&focus=%2F' + data["response"][i]["ID"] + '&">' + 'more' + '</a>');
                        htmls.push('</p>');
                    };
                    $('#TableMsg').html(htmls.join(''));
                }
            });
        }


</script>
<!--<body onclick="GoUrl()"> -->
</head>
<body onload ="GetAll()">
    
<div class="main">
  <div class="header">
    <div class="block_header">
      <div class="logo"><a href="index.html"><img src="images/logo.png" border="0" alt="logo" /></a></div>
        <div class="logo2"><img src="images/logo2.png" border="0" alt="logo" /></div>
      <div class="search">
       <form name="form1" method="POST" action="http://58.185.185.68:8255/authenticate.aspx">
			
			User ID:<input class='editField' type="text" id="USERNAME" name="USERNAME" size="15" />
			Password:<input class='editField' type="password" name="PASSWORD" size="15" />
			
			
			<input type="hidden" name="from" value="http://58.185.185.68:8255/dataview.aspx" />
			<input type="hidden" name="platform" value="" />
			<input style="font-size: 1.1em; margin-bottom: -6px;" type="image"  src="images/login.png" value="Login" name="Login" />
		</form>
      </div>
      <div class="menu">
        <ul>
          <li><a href="index.html" class="active"><span>Home</span></a></li>
          <li><a href="about.html"><span>Service Requests Catalogue</span></a></li>
          <li><a href="Default.aspx"><span>Report</span></a></li>
          <li><a href="feedback.html"><span>Feedback Submission</span></a></li>
          <li><a href="Templates.html"><span>Forms and Templates</span></a></li>
          <li><a href="contact.html"><span>Contact Us</span></a></li>
        </ul>
      </div>
      <div class="clr"></div>
    </div>
  </div>
  <div class="slider_top">
    <div class="header_text">
      <div class="gallery">
        <div id="slider">
          <ul>
            <li>
              <div class="div">
                <div class="left1">
                  <h2>
Announcements<br />
        <span> </span></h2>
        <div id="TableMsg" ></div>
                  <!--<p><a href="#"><img src="images/Sing_up.gif" alt="picture" width="116" height="35" border="0" /></a></p>-->
                </div>
                <img src="images/simple_img_1.jpg" alt="screen 1" width="416" height="240" border="0" class="screen"  /> </div>
            </li>
            <!--<li>
              <div class="div">
                <div class="left1">
                  <h2>Consulting - Security Management Service  </h2>
                   <p class="uli"> Conduct Security Site Assessments</p>
                  <p class="uli"> Generate Monthly Security Reports </p>
                  <p class="uli"> Develop Security Policies and Procedures<br />
                  </p>
                  <p><a href="#"><br />
                    <br />
                    <img src="images/Sing_up.gif" alt="picture" width="116" height="35" border="0" /></a></p>
                </div>
              <img src="images/simple_img_2.jpg" alt="screen 1" width="416" height="240" border="0" class="screen"  /> </div>
            </li>
            <li>
              <div class="div">
                <div class="left1">
                  <h2>Consulting - Security Audit/Review</h2>
                  <p>Security audit is an examination of the adequacy of your existing security measures and policies against current threats and vulnerabilities. This is to identify lapses and weaknesses so that improvements can be undertaken to ensure that your security measures are adequate in mitigating or avoiding the potential threats and risks in your environment. </p>
                  <p><a href="#"><img src="images/Sing_up.gif" alt="picture" width="116" height="35" border="0" /></a></p>
                </div>
              <img src="images/simple_img_3.jpg" alt="screen 1" width="416" height="240" border="0" class="screen"  /> </div>
            </li>-->
          </ul>
          <div class="clr"></div>
        </div>
      </div>
      <div class="clr"></div>
    </div> <p style="height: 50px"></p>
  </div>
   
  <!--<div class="top_bg">
  <div class="top_bg_resize"><img src="images/img_top.gif" alt="picture" /></div>
  <div class="clr"></div>
  </div>
  <div class="clr"></div>
  <div class="FBG">
  <div class="FBG_resize">
    <div class="Recent">
    <img src="images/top_img_1.gif" alt="picture" width="61" height="60" />
<p><strong>Business Process Outsourcing</strong><br />
  leading provider</p>
    </div>
    <div class="Recent">
    <img src="images/top_img_2.gif" alt="picture" width="61" height="60" />
<p><strong><br />
  Manpower</strong><br />
  Performing access</p>
    </div>
    <div class="Recent">
    <img src="images/top_img_3.gif" alt="picture" width="61" height="60" />
<p><strong><br />
  Secure Logistics</strong><br />
Cash and valuable items </p>
    </div>
    <div class="Recent2">
    <img src="images/top_img_4.gif" alt="picture" width="61" height="60" />
<p><strong>Security Consulting and Education</strong><br />
  Carefully selected</p>
    </div>
    <div class="clr"></div>
  </div>
  <div class="clr"></div>
</div>
  <div class="clr"></div>
  <div class="body">
    <div class="body_resize">
      <div class="left">
        <h2>FAQ<br />
        <span> </span></h2>
        <div id="TableFAQ" ></div>
      </div>
      <div class="right">
        
      </div>
      <div class="clr"></div>
    </div>
    <div class="clr"></div>
  </div>-->
  <div class="footer">
  <div class="footer_resize">
  <p class="leftt">Copyright 2014 Certis CISCO  <br />
    <a href="#">Home</a> | <a href="#">Contact</a> | <a href="#">RSS </a></p>
    <p class="rightt"><a href="#"><strong>EPP Portal </strong></a></p>
    <div class="clr"></div>
  <div class="clr"></div>
</div>
</div>
</div>
</body>
</html>
